import 'package:flutter/material.dart';

//ListView列表组件
void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Card组件'),
          backgroundColor: Colors.pink[100],
        ),
        body: MyHomePage(),
      ),
    );
  }
}

class MyHomePage extends StatelessWidget {
  const MyHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return ListView(
      children: [
        Card(
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(10)),
          ),
          elevation: 15, //添加阴影
          shadowColor: Colors.pink[300], //设置阴影的颜色
          color: Colors.pink[100], //设置卡片的背景颜色
          margin: EdgeInsets.all(10), //设置卡片的边距
          child: Column(
            children: [
              ListTile(
                title: Text('丁牛', style: TextStyle(fontSize: 28)),
                subtitle: Text('新疆某学校英语老师'),
              ),
              // Divider(),
              ListTile(title: Text('电话：15287587787')),
              ListTile(title: Text('地址：阿克苏某兵团高中')),
            ],
          ),
        ),
        Card(
          child: Column(
            children: [
              ListTile(
                title: Text('丁牛', style: TextStyle(fontSize: 28)),
                subtitle: Text('新疆某学校英语老师'),
              ),
              // Divider(),
              ListTile(title: Text('电话：15287587787')),
              ListTile(title: Text('地址：阿克苏某兵团高中')),
            ],
          ),
        ),
      ],
    );
  }

  //页面上显示一个容器  宽度是屏幕的宽度  高度是宽度的一半
}
